<!-- 组件库中使用图标 -->
<template>
    <div class="my-component">
      测试
      <!-- <VIcon name="https://img2.baidu.com/it/u=2713128367,1355217315&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=1422" :size="32" /> -->
      <hr>
      <VIcon name="home" color="#0982d9" :size="32"></VIcon>
      <VIcon name="scan" color="#0982d9" :size="32"></VIcon>
      <VIcon name="search" color="#0982d9" :size="32"></VIcon>
      <VIcon name="loading" color="#0982d9" :size="32" :spin="true"></VIcon>

      <!-- <svg viewBox="0 0 1024 1024" style="width: 32px; height: 32px; fill: #ff6700">
        <use xlink:href="#icon-scan" />
      </svg> -->
    </div>
  </template>

  <script setup>
  defineOptions({
    name: 'IconDemo'
  })
  </script>